<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- 引入bootstrap 样式文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- 引入我们自己的首页样式文件 -->
    <link rel="stylesheet" href="css/index.css">
    <title>同上一堂思政课</title>
    <audio autoplay="autoplay" loop="loop"  src="music/我和我的祖国.mp3">
    </audio>
<style>
       .d {
            color: aqua;
            font-size: 30px;
            left: 50%;
            top: 50%;
            text-align: center;
            display: inline-block;
    
            
        }
       
</style>
</head>

<body>
    <div class="container">
        <div class="row">
            <header class="col-md-2">
                <div class="logo">
                    <a href="#">
                        <img src="images/logo.png" alt="" class="hidden-xs">
                        <span class="visible-xs">同上一堂思政课</span>
                    </a>
                </div>
                <div class="nav">
                    <ul>
                        <li><a href="#a" class="glyphicon glyphicon-camera">南昌八一纪念馆</a></li>
                        <li ><a href="#b" class="glyphicon glyphicon-picture" style="font-size:13px ;" >安源路矿工人运动纪念馆</a></li>
                        <li><a href="#c" class="glyphicon glyphicon-phone">莲花一支枪纪念馆</a></li>
                        <li><a href="#d" class="glyphicon glyphicon-gift">秋收起义修水纪念馆</a></li>
                        <li><a href="#e" class="glyphicon glyphicon-glass">精神之光</a></li>
                        <li><a href="#f" class="glyphicon glyphicon-camera">奋斗之路</a></li>
                        <li><a href="#g" class="glyphicon glyphicon-picture">复兴之路</a></li>
                        <li><a href="#h" class="glyphicon glyphicon-phone">心得体会</a></li>
                    </ul>
                </div>
            </header>
            <article class="col-md-7">
                <!-- 新闻 -->
                <div class="news clearfix">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="upload/6.jpg" alt="">
                                <p>争做新时代新青年。</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/1.jpg" alt="">
                                <p>少年强，则国强。</p>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="upload/2.jpg" alt="">
                                <p>牢记使命，不忘初心。</p>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="upload/5.jpg" alt="">
                                <p>与时俱进，弘扬红色文化。</p>
                            </a>
                        </li>

                        <li>
                            <a href="#">
                                <img src="upload/4.jpg" alt="">
                                <p>让红色基因代代相传，永不褪色。</p>
                            </a>
                        </li>

                    </ul>
                </div>
                <!-- 发表 -->
                <div class="publish">
                    <h3 style="color:red ; size:20px;font-weight: bold;">红色文化展览馆</h3>
                    <div class="row" id="a" style="background-color: rgb(166, 25, 25); border-bottom: yellow 1px solid;">
                        <div class="col-sm-9">
                          
                            <p class="hidden-xs" style="text-align: center;margin: 30px;" id="a">
                            <strong><a href="南昌八一纪念馆.html" target="_blank" class="d">南昌八一纪念馆</a></strong>
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/21.jpg" alt="">
                        </div>
                    </div>
                    <div class="row" id="a" style="background-color: rgb(166, 25, 25); border-bottom: yellow 1px solid;">
                        <div class="col-sm-9">
                          
                            <p class="hidden-xs" style="text-align: center;margin: 30px;" id="b">
                            <strong><a href="安源路矿工人运动纪念馆.html" target="_blank" class="d">安源路矿工人运动纪念馆</a></strong>
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/22.jpg" alt="">
                        </div>
                    </div>
                    <div class="row" id="a" style="background-color: rgb(166, 25, 25); border-bottom: yellow 1px solid;">
                        <div class="col-sm-9">
                          
                            <p class="hidden-xs" style="text-align: center;margin: 30px;" id="c">
                            <strong><a href="莲花一支枪纪念馆.html" target="_blank" class="d">莲花一支枪纪念馆</a></strong>
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/23.jpg" alt="">
                        </div>
                    </div>
                    <div class="row" id="a" style="background-color: rgb(166, 25, 25); border-bottom: yellow 1px solid;">
                        <div class="col-sm-9">
                          
                            <p class="hidden-xs" style="text-align: center;margin: 30px;" id="d">
                            <strong><a href="秋收起义修水纪念馆.html" target="_blank" class="d">秋收起义修水纪念馆</a></strong>
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/24.jpg" alt="">
                        </div>
                    </div>
                    <h3 style="color:red ; size:20px;font-weight: bold;">同上一堂思政课直播回放</h3>
                    <div class="row" id="a" style="background-color: rgb(166, 25, 25); border-bottom: yellow 1px solid;">
                        <div class="col-sm-9">
                          
                            <p class="hidden-xs" style="text-align: center;margin: 30px;" id="e">
                            <strong><a href="https://www.bilibili.com/video/BV1R24y1X7DR/?spm_id_from=333.337.search-card.all.click&vd_source=6076197cd5d91a32433bd930c8c50ccc" target="_blank" class="d">精神之光</a></strong>
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/10.jpg" alt="">
                        </div>
                    </div>
                    <div class="row" id="b" style="background-color: rgb(166, 25, 25);border-bottom: yellow 1px solid;">
                        <div class="col-sm-9">
                            <p class="hidden-xs" style="text-align: center;margin: 30px;" id="f">
                            <strong><a href="https://www.bilibili.com/video/BV1R24y1X7DR?p=2&vd_source=6076197cd5d91a32433bd930c8c50ccc" target="_blank" class="d">奋斗之路</a></strong>   
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/11.jpg" alt="">
                        </div>
                    </div>
                    <div class="row" id="c" style="background-color:  rgb(166, 25, 25);">
                        <div class="col-sm-9">
                            <p class="hidden-xs" style="text-align: center;margin: 100px;" id="g">
                            <strong><a href="https://www.bilibili.com/video/BV1R24y1X7DR?p=3&vd_source=6076197cd5d91a32433bd930c8c50ccc" target="_blank" class="d">复兴之路</a></strong>
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/12.jpg" alt="">
                        </div>
                    </div>
                    <h3 style="color:red ; size:20px;font-weight: bold;" id="h">心得体会</h3>
                    <div class="row">
                        <div class="col-sm-9">
                            <h3>关于同上一堂思政课的心得体会一</h3>
                            <p class="hidden-xs">今年度的《同上一堂思政课》节目请来了很多位嘉宾。嘉宾们用亲和的口吻，将自己亲身经历的事情娓娓道来。从嘉宾们身上，在嘉宾们的故事之中，我们深深地感受到了祖国发展的日新月异，以及祖国取得如今巨大的成就的背后的不容易。
                                正是因为有一代代前辈的不懈努力与接力，我们如今的生活才会这么美好。一代代人的积累，终于成就了新中国的发展伟业。我们很多同学都出生于2000年后，是名副其实的“00后”，我们这一代人的成长，伴随着新中国在新世纪的初期的高速发展，我们这一代人，从小就被祖国的各项伟大成就所震撼，在我们身上，身为中国人的自信似乎是与生俱来的。但这份民族自信心的得来背后，却是前辈们抛洒的热汗铸造。身为新时代的年青一代，我们在努力的学习生活中，难免觉得迷茫，觉得没有方向，有的同学也已经忘记了自己的初心。但是，学习是自己的事情，如果人生不先吃苦，就得一直吃苦。好逸恶劳，贪图享乐绝对不是权宜之计，我们唯有学习台上的嘉宾的优秀品质，在日常学习生活中努力实践，不惧怕行进路上的艰难困苦，才能有一番成就。
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/7.jpg" alt="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-9">
                            <h3>关于同上一堂思政课的心得体会二</h3>
                            <p class="hidden-xs">我们是祖国的接班人，我们也是祖国的未来。或许前进的道路是崎岖的，但我们也是没有退缩的理由。我们祖国之所以有今时今日的繁荣，都离不开每一个奋斗的人。他们用实际行动去奋斗，用心建设我们美好的家园，这种爱国的精神，难道不知道我们每个人去学习吗？他们是我们学习的好榜样！“安得广夏千万间，大庇天下寒士俱欢颜”。从古至今有多少人都有着这种思想，他们也为此前仆后继、临难不屈！这种精神使中华民族经历劫难而不衰，少年强则国强！在我国上下五千年的发展历程中，已经形成了以爱国主义为核心的团结统一、爱好和平、勤劳勇敢、自强不息的伟大民族精神。

                                每年的同上一堂思政课都会让我学到很多书本上学不到东西，这些是我更加全面的认识到祖国的光辉历程。通过看到这些，我明白了，在这个时代里，我们是新时代的少年，我们身上的责任还任重而道远，只有不断的努力学习，我们才能变成更加优秀的人来回报社会，回报祖国。这也是我们的责任和义务。让我们一起好好加油吧，相信在我们的不懈努力之下，终将成功！建设出更好的明天。
                                
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/8.jpg" alt="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-9">
                            <h3>关于同上一堂思政课的心得体会三</h3>
                            <p class="hidden-xs">革命先辈的事迹精神，是我们所有学生都应该学习的。正是由于他们无私的奉献，挽狂澜于既倒，扶大厦之将倾。当我们的祖国面临危机时，我们的祖先用他们的才华和生命捍卫了祖国的尊严和荣誉，这才有我们如今这个和平美好的新中国。

                                少年强则国强，努力学习知识即使我们的义务也是我们的责任，只有提高自己的能力，发展个人实力，才能为祖国的伟大建设作出贡献，才能为中华民族的伟大复兴贡献自己的价值。只有当祖国更加强大和繁荣，我们才能生活得更好，不再被欺负。同学们，让我们一起努力学习，为祖国的未来贡献自己的价值。
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/9.jpg" alt="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-9">
                            <h3>关于同上一堂思政课的心得体会四</h3>
                            <p class="hidden-xs">身为祖国未来的我们，珍惜目前处于学习年纪，在加强个人学业的同时，也要为祖国的奉献做好充足的准备，祖国强大的背后都有需要无数爱国之人的付出，只有不断努力，才能创造出属于我们的新中国。我们不一定要为祖国做哪些红红火火的事情，才能算是为祖国做出贡献;现在是和平的年代，我们只要自己做好自己，每天努力学习，在学业上有比较出色成绩就可以了。

                                中国之所以能有现在的强大，并不是都靠一个人的力量，正因为是有无数的中国人团结一心，是他们的无私奉献聚集在一起，我们国家的才有今天现在的成绩。还在学习的我们只需要每天进步一点点，向着报效祖国的目标前进，坚定自己的想法，并付出自己的行动。如果光有想法而不去行动，那么这种做法对我们来说就是一种空想，这样是永远不会有进步的，所以我们作为当代的新时代少年一定不能有光说的念头，还要脚踏实地去实现，用实际的行动去证明。
                                
                                《同上一堂思政课》让我学到了理论知识外的东西，它没有生搬硬套的公式和死记硬背的古诗词，有的只是处于当前国家背景下，同时也让我们对祖国未来发展道路有了更加的明确方向，所以当下我们要做好自身，投身学习教育，将来有一天能够为祖国的事业做出一份贡献，这也是我们学习的最终目标。我们作为新世纪的青少年一代，去为自己的理想奋斗，实现人生价值。
                                
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/10.jpg" alt="">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-9">
                            <h3>关于同上一堂思政课的心得体会五</h3>
                            <p class="hidden-xs">《同上一堂思政课》这个节目是根据当下环境发生的事情来去确定每年的节目主题，然后以节目形式的来给告诉我们什么是值得我们追求的。节目会带我们了解那些伟大的民族英雄和他们生平的先进事迹，告诉我们需要从小开始努力学习，怀着一颗爱国的心，让我们知道祖国是多么的伟大，学习先辈们的这种伟大的爱国精神。而我也很清楚当下的我该这么做，当今的主要目的还是以自己的学习为主，只要不断的去吸取书籍上的知识来帮助自己成长，将来才能为祖国建设奉献出自己的一份力量，我们是祖国的接班人，也是祖国的未来基石，我们应该常怀感恩的心，为祖国发展而付出努力。身为祖国未来的接班人，一定趁我们还处于学习的年纪，在加强自身学业的同时，也要为祖国的建设做好准备，祖国强大的背后有需要无数有志青年的付出，只有不断努力，才能为祖国筑梦。
                                
                                </p>
                        </div>
                        <div class="col-sm-3 pic hidden-xs">
                            <img src="upload/11.jpg" alt="">
                        </div>
                    </div>
                </div>

            </article>
            <aside class="col-md-3">
                <a href="#" class="banner">
                    <img src="upload/zgboke.jpg" alt="">
                </a>
                <a href="#" class="hot">
                    <span class="btn btn-primary">CHINA</span>
                    <h4 class="text-primary">红色文化</h4>
                    <p>红色文化是中华优秀传统文化的继承与发展，同时也是中国共产党人在长期革命、建设和改革进程中逐渐积淀形成的物质和精神财富的总和。作为一种先进文化，红色文化具有丰富的内涵和外延，将其与当代德育相结合，有助于丰富德育的内容和载体，促进“以德育人”目标的达成。
                    </p>
                </a>
            </aside>
        </div>
    </div>
</body>

</html>